<template>
  <div style="display: flex; justify-content: center; align-items: center; overflow: hidden;">
    <live2d
      class="live2d"
      width="300"
      height="300"
      resolution="2"
      :style="{ position: 'block', bottom: 0, right: 0, zIndex: 1 }"
      :api-path="'/public/vue3-live2d-static-api/indexes'"
      :model="[
        'bilibili-live/22',
        'closet-default-v2&cba-super-upper&school2017-lower&xmas-headwear',
      ]"
      :tips="tips"
      homePage="#"
      @click="drawer=true"
      style="cursor: pointer;"
    />
  </div>
</template>

<script setup lang="ts">
const drawer = defineModel()
import live2d from "vue3-live2d";
let tips = ref({
  mouseover: [
    {
      selector: ".vue3-live2d",
      texts: ["需要我的帮助吗 ω "],
    },
  ],
  click: [
    {
      selector: ".vue3-live2d",
      texts: ["真拿你没办法 ω "],
    },
  ],
});
</script>
